<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>-= Web Tec Escola =-</title>

<!-- adiciona icone na pagina -->
<link rel="shortcut icon" href="Icon/cadeado.ico" />

<!-- Css Principal -->
<link rel="stylesheet" type="text/css" href="Css/css.css" />
<link rel="stylesheet" type="text/css" href="Css/jquery.keypad.css">


<!-- Endereço da jquery -->
<script src="Jquery/jquery-1.6.2.min.js"></script>
<script src="Jquery/jquery-ui-1.8.16.custom.min.js"></script>
<script src="Jquery/jquery.maskedinput-1.3.js" type="text/javascript"></script>
<script type="text/javascript" src="Jquery/jquery.min.js"></script>


<!-- Script   o login.js esta desativado pra facilitar a entrado do login-->
<script type='text/javascript' src='Script/mascaras.js'></script>
<script type='text/javascript' src="Script/login.js"></script>
<script type="text/javascript" src="Script/jquery.keypad.js"></script>

<!-- Script da pagina  -->
<script type='text/javascript' src='Script/jx.js'></script>
<script type="text/javascript" src="Script/navegador.js"></script>

<script type="text/javascript">
$(document).ready(function () {
	$('button').click(function(){
		$("#Cadastrar").html('','Escola.jsp');
	});
</script>


<!-- início do Teclado Virtual-->
<script type="text/javascript">
$(function () {
	$('#pass').keypad({keypadOnly: false, 
	    layout: $.keypad.qwertyLayout});
});
</script>
 
<!-- FIM do Teclado Virtual-->

</head>
<!-- ------------------------------ -->
<body>

	<div id="header">

		<div id="logo">
			<span class="laranja">Web</span> Tec <span class="azul">Escola</span>
		</div>
		<!-- spans desnecessarios  / meramente decorativos  -->
	</div>

	<div id="bar"></div>

	<div id="login">

		<div id="loginbox">

			<div id="title">LOGIN</div>

			<form method="post" name="frm" action="LoginServlet">
				<ul>
					<li><span class="bold">Usuário</span><br> <input
						type="text" name="cpf" id="user" onblur="javascript: validarCPF(this.value);" onkeypress="javascript: mascara(this, cpf_mask);"  maxlength="14"/>
					</li>
					<li><span class="bold">Senha</span><br>
					 <input type="password" name="pass" onFocus="javascript: mascara(user, cpf_maskof)" id="pass" class="ui-state-active"  maxlength="10"/>
					
					</li>
				
				</ul>
				
				
                <input type="submit" name="entrar" value="Entrar"  />
              <table>
               <tr>
				<td align="right">
				<button type="button" id="Cadastrar">Cadastrar a Escola</button>
				</td>
		
			</tr>
		</table>
			</form>

		</div>

	</div>

	<div id="centerfooter">
		<div id="footer">
			<div class="footer">
				<p align="center">&copy Web Tec Escola 2012</p>
			</div>
		</div>
		<div
			style="font-size: 0.8em; text-align: center; margin-top: 1.0em; margin-bottom: 1.0em;">
			Desenvolvido por DhRO - Todos os direitos reservados.</div>
	</div>
</body>
</html>